<template>
  <el-form :model="form" ref="formRef">
    <el-form-item label-width="0" prop="rentExpireDayNum" style="margin-bottom: 0">
      <el-row align="middle" style="width: 500px;">
        <el-col :span="12">
          <h3>租期即将到期提醒时间</h3>
        </el-col>
        <el-col :span="12">
          <el-select v-model="form.rentExpireDayNum" placeholder="请选择">
            <el-option v-for="item in 30" :key="item" :value="item" :label="`${item}天`"></el-option>
          </el-select>
        </el-col>
      </el-row>
    </el-form-item>
    <div class="fc-secondary fs-base">(租期即将到期：房源管理中即将到期房源的时间筛选和入住人列表中即将到期的时间筛选)</div>
    <el-form-item label-width="0" prop="billExpireDayNum" style="margin-bottom: 0">
      <el-row align="middle" style="width: 500px;">
        <el-col :span="12">
          <h3>账单即将到期提醒时间</h3>
        </el-col>
        <el-col :span="12">
          <el-select v-model="form.billExpireDayNum" placeholder="请选择">
            <el-option v-for="item in 30" :key="item" :value="item" :label="`${item}天`"></el-option>
          </el-select>
        </el-col>
      </el-row>
    </el-form-item>
    <div class="fc-secondary fs-base">(账单即将到期：账单管理类别待收及待付账单的数量及时间筛选)</div>
    <el-button style="margin-top: 40px;" type="primary" @click="handleSubmit">保存</el-button>
  </el-form>
</template>
<script setup name="ExpireSt">

const { proxy } = getCurrentInstance()

const data = reactive({
  form: {
    rentExpireDayNum: 30,
    billExpireDayNum: 2
  }
})
const { form } = toRefs(data)

function handleSubmit() {
  console.log(form.value);
}
</script>
